<template>
    <section class="storey-box clearfix">
      <div class="card-live-module">
        <a target="_blank" href="">
          <div class="pic">
            <div class="lazy-img">
              <img alt="绝地求生：社会我奈哥，人苟屁话多。" src="//i0.hdslb.com/group1/M00/09/FB/oYYBAFZ83wiAaLTDAAEpmlJAPsQ571.jpg"/>
            </div>
            <span class="type">单机联机</span>
            <div class="mask">
              <div class="lazy-img face">
                <img src="//i1.hdslb.com/bfs/face/80b2a1e666160d9a1fed82c643885e182d21a82f.jpg@96w_96h.webp"/>
              </div>
              <span class="onair">
                <i></i>
                Live
              </span>
            </div>
          </div>
          <p class="text" title="绝地求生：社会我奈哥，人苟屁话多。">绝地求生：社会我奈哥，人苟屁话多。</p>
          <p class="num">
            <span class="auther">
              <i class="icon"></i>
              奈さま
            </span>
            <span class="online">
              <i class="icon"></i>
              8141
            </span>
          </p>
        </a>
      </div>
      <div class="card-live-module">
        <a target="_blank" href="">
          <div class="pic">
            <div class="lazy-img">
              <img alt="绝地求生：社会我奈哥，人苟屁话多。" src="//i0.hdslb.com/group1/M00/09/FB/oYYBAFZ83wiAaLTDAAEpmlJAPsQ571.jpg"/>
            </div>
            <span class="type">单机联机</span>
            <div class="mask">
              <div class="lazy-img face">
                <img src="//i1.hdslb.com/bfs/face/80b2a1e666160d9a1fed82c643885e182d21a82f.jpg@96w_96h.webp"/>
              </div>
              <span class="onair">
                <i></i>
                Live
              </span>
            </div>
          </div>
          <p class="text" title="绝地求生：社会我奈哥，人苟屁话多。">绝地求生：社会我奈哥，人苟屁话多。</p>
          <p class="num">
            <span class="auther">
              <i class="icon"></i>
              奈さま
            </span>
            <span class="online">
              <i class="icon"></i>
              8141
            </span>
          </p>
        </a>
      </div>
    </section>
</template>

<script>
export default {
  name: 'browbody',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    };
  }
};
</script>
<style lang="stylus" scoped>
h1, h2 {
  font-weight: normal;
}
</style>
